import React from 'react'
import Image from 'next/image'

interface Iprops{
 imgUrl: string;
 altText: string;
 content: string;
}
export default function Hearo(props: Iprops) {
  const {imgUrl, altText, content} = props
  return (
   <>
    <div className="absolute inset-0">
        <Image src={imgUrl} fill alt={altText}></Image>
        <div className="absolute inset-0 bg-gradient-to-r from-gray-950 to-transparent"></div>
      </div>
      <div className="font-bold font-sans text-6xl  absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 text-white">{content}</div> 
   </>
   
  )
}
